<#assign datagridid=tool.getuuid()>
<script type="text/javascript">
$('#${datagridid!}').datagrid({
		gridTitle 		: 	'我处理过的流程实例' 	,//[可选] 标题。
		columns 		: 	[
		        		  	 		{
		        		  	 			name:'order_State',
		        		  	 			label:'状态',
		        		  	 			align: 'center',
		        		  	 			width: 80,
		        		  	 			render: function(value) {
			        		                switch (value) {
											case 0:
												return '<a data-icon="check" class="btn btn-green">完成</a>';
												break;
											case 1:
												return '<a data-icon="spinner" class="btn btn-blue">进行中</a>';
												break;
											case 2:
												return '<a data-icon="close" class="btn btn-red">强制结束</a>';
												break;
											default:
												return '<a data-icon="question" class="btn">未知</a>';
												break;
											}
			        		            }
		        		  	 		},
		        		  	 		{
		        		  	 			name:'process_name',
		        		  	 			label:'流程名称',
		        		  	 			align: 'center',
		        		  	 			width: 80
		        		  	 		},
		        		  	 		{
		        		  	 			name:'userName',
		        		  	 			label:'发起人',
		        		  	 			align: 'center',
		        		  	 			width: 80
		        		  	 		},
		        		  	 		{
		        		  	 			name:'orderTitle',
		        		  	 			label:'标题',
		        		  	 			align: 'center',
		        		  	 			width: 150
		        		  	 		},
		        		  	 		{
		        		  	 			name:'create_Time',
		        		  	 			label:'建立日期',
		        		  	 			align: 'center',
		        		  	 			width: 100
		        		  	 		},
		        		  	 		{
		        		  	 			name:'orderId',
		        		  	 			label:'操作',
		        		  	 			align: 'center',
		        		  	 			width: 100,
		        		  	 			render: function(value) {
			        		                return '<a href="${rootpath}/Flow/orderView?orderId='+value+'" data-toggle="dialog" data-id="orderview" data-width="850" data-height="750" data-mask="true" data-type="POST" data-title="查看流程实例" data-icon="search" class="btn btn-blue">查看</a>'
			        		            }
		        		  	 		}
			        		       
		        		    ],
		dataUrl 		: 	'${rootpath}/Main/myhistory_get' 	,//[可选] Ajax请求数据的URL。
		loadType 		: 	'POST' 	,//[可选] Ajax请求方式。
		dataType 		: 	'json' 	,//[可选] 数据类型，可选参数['json' | 'array' | 'xml']。
		local 			: 	'local' ,//[可选] 处理数据方式，可选参数['local' | 'remote']，(影响（分页、排序、筛选）)。
		fieldSortable 	: 	true 	,//[可选] 点击页头字段快速排序。普通表格转为datagrid的，需设置dataUrl参数，local = 'remote'
		filterThead 	: 	false 	,//[可选] 允许表格头部快速筛选。普通表格转为datagrid的，需设置dataUrl参数，local = 'remote'
		sortAll 		: 	true 	,//[可选] 排序范围，true = 所有数据排序， false = 当前页数据排序。普通表格转为datagrid的，默认为true
		filterAll 		: 	true 	,//[可选] 筛选范围，true = 从所有数据中筛选，false = 从当前页数据中筛选。普通表格转为datagrid的，默认为true
		filterMult 		: 	true 	,//[可选] 支持多字段筛选。
		linenumberAll 	: 	true 	,//[可选] 行号范围，true = 为所有数据编号，false = 为当前页数据编号。
		showLinenumber 	: 	true 	,//[可选] 是否显示行号，参数[true | false | 'lock']，lock参数 = 锁定行号列（适用于多列字段，出现横向滚动条的情况）。
		showCheckboxcol : 	false 	,//[可选] 是否显示行复选框，参数同上。
		showEditbtnscol : 	false 	,//[可选] 是否显示编辑按钮列。
		showTfoot 		: 	false 	,//[可选] 是否显示页脚，适用于显示统计信息，需要字段相关参数支持。
		showToolbar 	: 	true 	,//[可选] 是否显示工具条，需要设置参数toolbarItem或toolbarCustom。
		toolbarItem		:	"export",
		exportOption	:	{type:"file", options:{url:"${rootpath}/Main/myhistory_export"}},
		columnResize 	: 	true 	,//[可选] 允许调整列宽。
		columnMenu 		: 	true 	,//[可选] 表头字段列上显示菜单按钮。
		columnShowhide 	: 	false 	,//[可选] 表头字段列菜单上出现 “显示/隐藏 列” 选项。
		columnFilter 	: 	true 	,//[可选] 表头字段列菜单上出现 “过滤” 选项。
		columnLock 		: 	true 	,//[可选] 表头字段列菜单上出现 “锁定列、解除锁定” 选项。
		paging 			: 	{pageSize:15, selectPageSize:'15,30,60,100', pageCurrent:1, showPagenum:5, total:0} 	,//[可选] 是否显示分页组件，可设置分页参数。分页参数模板：{pageSize:30, selectPageSize:'30,60,90', pageCurrent:1, showPagenum:5}
		editMode 		: 	false,//[可选] 编辑、添加数据的方式，参数[false | 'inline' | 'dialog']。false = 不能编辑，inline = 行内编辑，dialog = 弹窗编辑。
		contextMenuH 	: 	false 	,//[可选] 在表头上右键点击时出现 ”显示/隐藏列“ 的快捷菜单。
		contextMenuB 	: 	true 	,//[可选] 在数据行右键点击时出现快捷菜单，菜单选项有(刷新、添加、编辑、取消、删除)。
		hScrollbar 		: 	false 	,//[可选] 允许出现横向滚动条。
		fullGrid 		: 	true 	,//[可选] 使表格铺满网格容器(如果值为true，则需要设置有列宽，并且总宽度小于datagrid容器宽度时有效)。
		height 			: 	'100%' 	//,//[可选] datagrid容器高度。
	});
</script>
<div class="bjui-pageContent" style="padding: 0">
	<table id="${datagridid!}" class="table table-bordered"></table>
</div>